.radius25{border-radius:25px; }

.btn-3 { border:1px solid #b5b5b5; position: relative; display: block; line-height: 40px!important;height: 40px!important; width: 150px;  overflow: hidden; background: #fff; text-transform: uppercase;  text-align: center;  font-size: 14px; z-index: 33; transition: all 0.36s; margin-left: 0; margin-top:0; }
.btn-3 span{line-height: 40px!important;height: 40px!important; }


.btn-3:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent transparent #005aba; position:absolute; bottom:0; left:0; transition: all 0.6s; z-index: -1;} 
.btn-3:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent #005aba transparent transparent; position:absolute; top:0; right:0; transition: all 0.6s; z-index: -1;} 
.btn-3 span:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent #005aba transparent; position:absolute; right:0; bottom:0; transition: all 0.6s;z-index: -1; } 
.btn-3 span:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:#005aba transparent transparent transparent; position:absolute; top:0; left:0; transition: all 0.6s; z-index: -1; } 
.btn-3:hover { color:#fff; } 


.btn-3:hover:before { border-width:180px 0 0 180px } 
.btn-3:hover:after { border-width:0 180px 180px 0 }
.btn-3:hover span:before { border-width:0 0 180px 180px } 
.btn-3:hover span:after { border-width:180px 180px 0 0 }